var path = require('path');
var htmlWebpackPlugin = require('html-webpack-plugin');

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports={
  entry: './src/main.js',
  output: {
    path: path.join(__dirname, './dist'),
    filename: "bundle.js"
  },
  plugins: [
    new htmlWebpackPlugin({
    template: path.join(__dirname, './src/index.html'),
    filename: 'index.html'
  }),
    new VueLoaderPlugin()],
  module: {
    rules: [
      {test:/\.css$/, use:['style-loader','css-loader']},
      // { test: /\.(jpg|png|gif|bmp|jpeg)$/, use:[{
      //     loader: "url-loader",
      //     options:{
      //       limit:7,
      //       name: [name]
      //     }
      //   }]}
      {test:/\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=7&name=[hash:8]-[name].[ext]'},
      {test: /\.((ttf|eot|svg|woff|woff2)$)/,use:'url-loader'},
      // {test: /\.js$/, use: 'babel-loader,:exclude/node_modules/'}
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
            plugins: ['@babel/plugin-proposal-object-rest-spread']
          }
        }
      },
      {test:/\.vue$/, use: ['vue-loader']}
    ]
  }
}